{include file="static/appm/tpl_header.html" /}
<body xmlns="http://www.w3.org/1999/html">
<div class="weui-tab container" id="js__main">
    <div class="page__hd">
        <h1 class="page__title">
            <a href="{:urlBuild('!.finance');}">
                <img src="/aurora-appm.png" alt="Aurora" height="50px">
            </a>
            财务账单
        </h1>
    </div>
    <div class="weui-flex page-bar">
        {if condition="isset($page.count)"}
        <div class="text-info" style="padding-left: 8px;font-style: italic;font-size: 0.74em;">加载数目：<span id="sets_count">{$page.count}</span>.</div>
        {/if}
        <div class="weui-flex__item">
            <div style="float: right;margin-right: 10px;">
                <a href="javascript:;" class="text-success" id="search_lnk" title="默认名称搜索以及数字匹配为金额，也可通过“名称=按名称搜索”"><i class="fa fa-search"></i> 搜索</a>
                <a href="javascript:;" class="text-primary" id="account_filter_lnk"><i class="fa fa-filter"></i> 筛选</a>
                <a href="{:url('faccount/edit')}" class="text-info"><i class="fa fa-plus"></i> 记账</a>
                <a href="javascript:;"  class="tab__lnk" data-target="js__setting"><i class="fa fa-ellipsis-h"></i></a>
            </div>
        </div>
    </div>
    {// @TODO 华为移动端div重叠， 内置浏览器 UC 浏览器  }
<!--    <div class="weui-flex aurora-border" style="position: relative;clear: both;"></div>-->
    <div id="finance_set" style="min-height:382px;margin-top: 5px; "></div>
    {// 控件回到顶部}
    <div class="aurora-forward-top"><a href="javascript:;"><i class="fa fa-chevron-circle-up"></i> 顶部</a></div>
    <div class="weui-footer">
        <div class="weui-flex">
            <div class="weui-flex__item">
                <a href="javascript:;" class="text-success" style="font-style: italic;" id="load_more_lnk"><i class="fa fa-spinner"></i> 向上拖动或点击加载更多.</a>
            </div>
        </div>
        <p class="weui-footer__links">
            <a href="javascript:void(0);" class="weui-footer__link">版本号: v{$Think.config.setting.version}({$Think.config.setting.build})</a>
        </p>
        <p class="weui-footer__text">Copyright &copy; {$Think.config.setting.start}-{:date('Y');} {$Think.config.setting.organization}</p>
    </div>
</div>
<div class="weui-tab container" id="js__setting" style="display: none;">
    <div class="weui-flex bg-faded aurora-edit-head">
        <div class="weui-flex__item">
            <div class="placeholder"><a href="javascript:;" class="tab__lnk" data-target="js__main">
                <i class="fa fa-arrow-circle-left"></i>
                返回
            </a>
            </div>
        </div>
        <div class="weui-flex__item">
        </div>
    </div>
    <div class="weui-cells__title">快速账单</div>
    <div class="weui-cells weui-cells_radio">
        <label class="weui-cell weui-check__label" for="fast_setting_crtmth">
            <div class="weui-cell__bd">
                <p>当月账单</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="fast_setting" id="fast_setting_crtmth" value="crt_mth">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" for="fast_setting_crtday">
            <div class="weui-cell__bd">
                <p>当日新增</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" name="fast_setting" class="weui-check" id="fast_setting_crtday" value="crt_day">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" for="fast_setting_others">
            <div class="weui-cell__bd">
                <p>其他</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" name="fast_setting" class="weui-check" id="fast_setting_others"  value="other" checked>
                <span class="weui-icon-checked"></span>
            </div>
        </label>
    </div>
    <div class="weui-cells__title" style="margin-top: 20px;">汇总设置</div>
    <div class="weui-cells weui-cells_radio">
        <label class="weui-cell weui-check__label" for="setting_group_all">
            <div class="weui-cell__bd">
                <p>流量汇总</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="setting_group" id="setting_group_all" value="all">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" for="setting_group_part">
            <div class="weui-cell__bd">
                <p>纯收支汇总</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" name="setting_group" class="weui-check" id="setting_group_part" value="part" checked>
                <span class="weui-icon-checked"></span>
            </div>
        </label>
    </div>
    <div class="weui-cells__title" style="margin-top: 80px;">高级搜索</div>
    <div class="weui-cells">
        <div class="weui-cell weui-cell_select weui-cell_select-before">
            <div class="weui-cell__hd">
                <select class="weui-select" name="search_col">
                    <option value="date">日期</option>
                    <option value="money">金额</option>
                    <option value="master">事务甲方</option>
                    <option value="subject">科目</option>
                    <option value="name" selected>名称</option>
                    <option value="slave">事务乙方</option>
                    <option value="descrip">描述</option>
                    <option value="mtime">编辑日期</option>
                </select>
            </div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" name="search_value" placeholder="请输入筛选值">
            </div>
        </div>
        <div class="weui-cell weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label for="" class="weui-label">关系</label>
            </div>
            <div class="weui-cell__bd">
                <select class="weui-select" name="search_equal">
                    <option value="like">包含</option>
                    <option value="=">等于</option>
                    <option value="begin">以什么开头</option>
                    <option value="end">以什么结尾</option>
                </select>
            </div>
        </div>
        <a class="weui-btn weui-btn_primary" href="javascript:" id="super_search_lnk">高级搜索</a>
    </div>
    <div class="weui-cells__title" style="margin-top: 100px;">普通搜索说明</div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>mc/m=value</p>
            </div>
            <div class="weui-cell__ft">按“名称”搜索，默认</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>rq/r=value</p>
            </div>
            <div class="weui-cell__ft">按“日期”搜索</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>ms=value</p>
            </div>
            <div class="weui-cell__ft">按“描述”搜索</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>je/j=value</p>
            </div>
            <div class="weui-cell__ft">按“金额”搜索</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>< / > / = 数组符号</p>
            </div>
            <div class="weui-cell__ft">按“金额”关系搜索</div>
        </div>
    </div>
</div>
</body>
</html>